<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>专业技能</title>
    <!-- <link rel="stylesheet" href="../style/main.css" type="text/css" media="screen and (min-width:751px)"> -->
    <link rel="stylesheet" href="../style/mainMb.css" type="text/css">
    <link rel="stylesheet" href="../js/layui/css/layui.css" media="all">
    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/resize.js"></script>
    <script src="../js/vue@2.4.17.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <style>
        .li-btn {
            border-bottom: none !important;
            height: auto!important;
            padding-bottom:30px;
            text-align: center;
        }
        .li-btn input{
            width: 100px;
            height: 36px;
            border-radius: 6px;
            font-size: 14px;
            color: #fff;
            background: #398DEE;
            cursor: pointer;
        }
    </style>
</head>
<body>
<div class="wap-edit-personal" id="wap_skill">
    <div class="wap-header">
        <a href="my-resume.html"><img src="../images/mobile/back.png"></a>
        <h2>专业技能</h2>
    </div>
    <div class="wap-content wap-skill">
        <ul>
            <li v-for="(item,index) in skillList">
                <div class="part" :data-id="item.id">
                    <span>技能名称</span>
                    <input type="text" placeholder="请输入技能名称" v-model="item.skillName">
                </div>
                <div class="part layui-form itemselect" lay-filter="select">
                    <span>熟悉程度</span><div class="layui-form-item">
                    <select lay-filter="profic-list" :data="index" v-model="item.proficiency">
                        <option>请选择</option>
                        <option v-for="pro in proficiency" :value="pro.id">{{pro.name}}</option>
                    </select>
                </div>
                </div>
                <div class="wap-delete-btn delete-skill" :data-id="item.id" :data-index="index">
                    <img src="../images/mobile/delete.png">
                </div>
            </li>
            <li class="add-skill" @click="addSkill" id="addSkill">+ 添加技能</li>
            <li class="li-btn" >
                <input type="button" value="提交" @click="saveSkill"/>
            </li>
        </ul>
    </div>
</div>
<script src="../js/layui/layui.js"></script>
<script src="../js/index.js"></script>
<script src="../js/account/wap_skill.js"></script>
<script>
    $(function () {
        useLayUI();
    })
</script>
</body>
</html>